<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include::header"></head>
<link rel="stylesheet" href="/js/plugins/ztree/css/metroStyle/metroStyle.css" type="text/css">
<body class="gray-bg">
	<div class="wrapper wrapper-content animated fadeInRight">
		<div class="row">
			<div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content">
                        <div class="fixed-table-toolbar">
                        <a class="btn btn-white btn-bitbucket" onclick="saveRoleMenu()">
                            <i class="fa fa-check-circle-o"></i> 确认保存
                        </a>
                        <a class="btn btn-white btn-bitbucket" id="expand">
                            <i class="fa fa-folder-open"></i>全部展开
                        </a>
                        <a class="btn btn-white btn-bitbucket" id="collapse">
                            <i class="fa fa-folder"></i> 全部收起
                        </a>
						</div>
                      <ul id="menuTree" class="ztree"></ul>
                    </div>
                </div>
            </div>
        </div>
		</div>
	</div>
	<div th:include="include :: footer"></div>
	<script type="text/javascript" src="/js/plugins/ztree/js/jquery.ztree.core.js"></script>
	<script type="text/javascript" src="/js/plugins/ztree/js/jquery.ztree.excheck.js"></script>
	<script type="text/javascript" th:inline="javascript">var roleId = [[${roleId}]];</script>
	<script type="text/javascript" src="/js/business/system/role/role_menu.js"></script>
</body>

</html>
